/**
 * 页脚
 */
import React from 'react'
import { Layout,  } from 'antd'
import './index.less'
import { Link } from 'react-router-dom'
import Icon from '@assets/icon_f1.png'
import Logo1 from '@assets/logo_bottom.jpg'
import Logo2 from '@assets/logo_bottom.png'
const { Footer } = Layout

export default class CustomFooter extends React.Component{
    constructor(props) {
        super(props)
    }

    render() {
        let { navData } = this.props
        return (
            <Footer id="footer">
                <div>
                    <img src={Logo1} className="bg"/>
                    <img style={{marginLeft: '12px'}} src={Logo2} className="bg"/>  
                    <div style={{"marginTop": '90px'}}>
                        <ul>
                            {
                                !!navData && navData.map((item1, index1) => (
                                    <li key = {item1.path}  className="menu-1">
                                    {
                                        item1.name == '特色中心'
                                        ? <a href="https://nmcid.huashan.org.cn/news/index/id/281/pid/264.shtml">特色中心</a>
                                        : <Link to={item1.path}>{item1.name}</Link>
                                    }
                                    </li>
                                ))
                            }
                        </ul>
                    </div>
                    <div>
                        <p style={{"lineHeight": '24px'}}>地址：上海市长宁区华山路1220弄6号201室（邮编-200052 | 办公电话 / 传真：021-5256-9977 <br/>© 2023
                        上海实验室 版权所有&emsp;备案序号：京ICP备2022015873号-1&emsp;
                            <a target="_blank" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011402013676">
                                <img src={Icon} style={{width: '20px', "height": "20px", "backgroundColor": "transparent","margin": "-5px 5px 0 0"}}/>
                                京公网安备 11011402013676号
                            </a>
                        </p>
                    </div>
                </div>
            </Footer>
        )
    }
}